<!doctype html>
<html>

	<head>
		<!-- 页面字符编码 -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title></title>

		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/comm.css" rel="stylesheet" />
		<link href="css/layout.css" rel="stylesheet" />
		<link href="css/iconfont.css" rel="stylesheet" />
		<style type="text/css">
			.piaochecked {
				width: 20px;
				height: 20px;
				cursor: pointer;
				margin-left: 10px;
				text-align: center;
			}
			
			.radioclass {
				opacity: 0;
				cursor: pointer;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
				filter: alpha(opacity=0);
			}
		</style>
	</head>

	<body>
		<!-- 头部 S-->
		<header class="mui-bar mui-bar-nav  mui-bar-bom mui-bar-white">
			<a class="iconfont icon-fanhui mui-pull-left"></a>
			<h1 class="mui-title mui-bar-title">厨房设施</h1>
		</header>
		<!-- 头部 E -->
		<div class="mui-content">
			<div class="mui-scroll-wrapper mscrollSet mui-scroll-top">
				<div class="mui-scroll">

					<div class="mui-kitchen-cook">
						<div class="mui-cook">
							<div class="mui-cook-padding">
							<div class="title">
								常用设施
							</div>
							<ul class="mui-table-view mui-sjd-media">
								<li class="mui-table-view-cell bm">电视
									<div class="piaochecked mui-pull-right iconfont icon-fuxuankuang01">
										<input name="need_inv" type="checkbox" style="height:20px;width:20px;" class="radioclass input" value="1">
									</div>
								</li>
								<li class="mui-table-view-cell bm">无线上网
								<div class="piaochecked mui-pull-right iconfont icon-fuxuankuang01">
										<input name="need_inv" type="checkbox" style="height:20px;width:20px;" class="radioclass input" value="1">
									</div></li>
								<li class="mui-table-view-cell bm">空调
								<div class="piaochecked mui-pull-right iconfont icon-fuxuankuang01">
										<input name="need_inv" type="checkbox" style="height:20px;width:20px;" class="radioclass input" value="1">
									</div></li>
								<li class="mui-table-view-cell">免费停车
								<div class="piaochecked mui-pull-right iconfont icon-fuxuankuang01">
										<input name="need_inv" type="checkbox" style="height:20px;width:20px;" class="radioclass input" value="1">
									</div></li>

							</ul>
							</div>
						</div>
						<div class="mui-cook mt12">
							<div class="mui-cook-padding">
							<div class="title">
								其他设施
							</div>
							<ul class="mui-table-view mui-sjd-media">
								<li class="mui-table-view-cell bm">健康设施
									<div class="piaochecked mui-pull-right iconfont icon-fuxuankuang01">
										<input name="need_inv" type="checkbox" style="height:20px;width:20px;" class="radioclass input" value="1">
									</div>
								</li>
								<li class="mui-table-view-cell bm">花园阳台
								<div class="piaochecked mui-pull-right iconfont icon-fuxuankuang01">
										<input name="need_inv" type="checkbox" style="height:20px;width:20px;" class="radioclass input" value="1">
									</div></li>
								<li class="mui-table-view-cell bm">允许吸烟
								<div class="piaochecked mui-pull-right iconfont icon-fuxuankuang01">
										<input name="need_inv" type="checkbox" style="height:20px;width:20px;" class="radioclass input" value="1">
									</div></li>
								<li class="mui-table-view-cell">茶道
								<div class="piaochecked mui-pull-right iconfont icon-fuxuankuang01">
										<input name="need_inv" type="checkbox" style="height:20px;width:20px;" class="radioclass input" value="1">
									</div></li>

							</ul>
							</div>
						</div>
						<div class="mt20 mg10 mui-btn-seting">

							<input type="submit" class="mui-btn mui-btn-block mui-btn-primary mui-conf-btn" name="login" id="login" value="保存">

						</div>
					</div>

				</div>
			</div>
		</div>

		<script src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
		<script src="js/scroll-wrapper.js"></script>
		<script type="text/javascript">
			$(".icon-fuxuankuang01").on("click", function() {
				$(this).toggleClass("icon-fuxuankuang02");
			})
		</script>
	</body>

</html>